<template>
<div>
  <h2>Movie组件</h2>
  <h2>num:{{num}}</h2>
<!--  1.直接通过$store调用mutation中的方法-->
  <button @click="$store.commit('addNum',{n:10})">累加--原生写法</button>
<!--  2.通过自定义方法实现-->
  <button @click="increment({n:10})">累加--commit提交</button>
<!--  3.通过辅助函数调用-->
  <button @click="addNum({n:10})">累加--辅助函数</button>
</div>
</template>

<script>
import {mapMutations, mapState} from "vuex";

export default {
  name: "Movie",
  methods:{
    increment(payload){
      this.$store.commit('addNum',payload)
    },
    ...mapMutations(['addNum'])
  },
  computed:{
    ...mapState(['num'])
  }
}
</script>

<style scoped>

</style>